<template>
<el-tabs type="border-card" class="demo-tabs" style="margin-top:20px;border-radius: 8px">
    <el-tab-pane>
      <template #label>
        <span class="custom-tabs-label">
          <el-icon><Position/></el-icon>
          <span>当月地区系数</span>
        </span>
      </template>
      <NowRegion></NowRegion>
    </el-tab-pane>
    <el-tab-pane label="历史地区系数">
      <template #label>
        <span class="custom-tabs-label">
          <el-icon><Collection/></el-icon>
          <span>历史地区系数</span>
        </span>
      </template>
        <PastRegion></PastRegion>
    </el-tab-pane>
  </el-tabs>
</template>


<script setup>
import {ref, onMounted,onBeforeMount, reactive,watch} from "vue";
import { Timer } from '@element-plus/icons-vue';
import {useRouter} from "vue-router";
import { ElMessage } from 'element-plus'
import NowRegion from './components/nowRegion'
import PastRegion from './components/pastRegion'
</script>

<style lang="scss" scoped>

</style>
